<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<title>北京现代</title>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" href="css/bootstrap.css" />
		<script src="js/jquery-3.4.1.min.js"></script>
		<script src="js/bootstrap.js"></script>
	</head>
	<body>
		<!--头部导航开始-->
		<header>
			<div class="header_body">	
				<div class="top_Right">
					<img src="img/logo.png"/>
				</div>
				<div class="top_Left">
					<ul>
						<li><a href="#">车型专区</a></li>
						<li><a href="bjxd_2.html">品牌天地</a></li>
						<li><a href="#">购车指南</a></li>
						<li><a href="bjxd_3.html">售后服务</a></li>
						<li><a href="#">bluemembers</a></li>
						<li><span class="s">|</span></li>
						<li><span class="m"><a href="#">搜索</a></span></li>
					</ul>
				</div>
			</div>
		</header>
		<!--头部导航结束-->
		
		<!--第一个轮播图开始-->
		<div class="banner">
			<div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
				<ol class="carousel-indicators">
				    <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
				    <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
				    <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
				</ol>
				<div class="carousel-inner">
			   		<div class="carousel-item active">
			    		<img src="img/pc_kv6.jpg" class="d-block w-100" alt="...">
			    		<div class="carousel-caption d-none d-md-block">
			        		<h5>First slide label</h5>
			        		<p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
			    		</div>
			    	</div>
			    	<div class="carousel-item">
			    		<img src="img/pc-kv3.jpg" class="d-block w-100" alt="...">
			    		<div class="carousel-caption d-none d-md-block">
			        		<h5>Second slide label</h5>
			        		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
			    		</div>
			    	</div>
			    	<div class="carousel-item">
			    		<img src="img/pc-kv_1.jpg" class="d-block w-100" alt="...">
			    		<div class="carousel-caption d-none d-md-block">
			        		<h5>Third slide label</h5>
			        		<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
			    		</div>
			    	</div>
				</div>
				<a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
			  		<span class="carousel-control-prev-icon" aria-hidden="true"></span>
			    	<span class="sr-only">Previous</span>
				</a>
				<a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
			    	<span class="carousel-control-next-icon" aria-hidden="true"></span>
			    	<span class="sr-only">Next</span>
				</a>
			</div>
		</div>
		<!--第一个轮播图结束-->
		
		<!--汽车导航开始-->
		<div class="container text-center">
			<div class="row">
				<div class="col-md-3">
					<p class="a">所有车型</p>
				</div>
				<div class="col-md-3">
					<p class="b">轿车</p>
				</div>
				<div class="col-md-3">
					<p class="c">SUV</p>
				</div>
				<div class="col-md-3">
					<p class="d">新能源</p>
				</div>
			</div>
		</div>
		<div class="container see">
			<div class="row">
				<div class="col-md-2">
					<img src="img/新一代悦纳.png"/>
					<p>新一代悦纳</p>
				</div>
				<div class="col-md-2">
					<img src="img/ix25.png"/>
					<p>新一代ix25</p>
				</div>
				<div class="col-md-2">
					<img src="img/昂希诺纯电动.png"/>
					<p>昂希诺纯电动</p>
				</div>
				<div class="col-md-2">
					<img src="img/昂希诺钢铁侠.png"/>
					<p>昂希诺 钢铁侠版</p>
				</div>
				<div class="col-md-2">
					<img src="img/新领动.png"/>
					<p>新领动</p>
				</div>
				<div class="col-md-2">
					<img src="img/领动插电混动-pc.png"/>
					<p>领动擂电混动</p>
				</div>
			</div>
		</div>
		<!--汽车导航结束-->
		
		<!--第二个轮播图开始-->
		<div class="secion">
			<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
				<ol class="carousel-indicators">
	    			<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
	    			<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
	    			<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
				</ol>
				<div class="carousel-inner">
	    			<div class="carousel-item active">
	    				<img src="img/pc.jpg" class="d-block w-100" alt="...">
	    			</div>
	    			<div class="carousel-item">
	    				<img src="img/pc (1).jpg" class="d-block w-100" alt="...">
	    			</div>
	    			<div class="carousel-item">
	    				<img src="img/pc (3).jpg" class="d-block w-100" alt="...">
	    			</div>
	  			</div>
	  			<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
	    			<span class="carousel-control-prev-icon" aria-hidden="true"></span>
	    			<span class="sr-only">Previous</span>
	  			</a>
	  			<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
	    			<span class="carousel-control-next-icon" aria-hidden="true"></span>
	    			<span class="sr-only">Next</span>
				</a>
			</div>
		</div>
		<!--第二个轮播图结束-->
		
		<!--动画开始-->
		<div class="donghua">
			<div class="donghua1">
				<img src="img/img1.jpg">
					<p class="p1">预约试驾</p>
					<p class="p2">诚邀莅临品鉴，体验专属于你的北京现代</p>
			</div>
			<div class="donghua2">
				<img src="img/img2-m.jpg"/>
				<p class="p1">金融服务</p>
					<p class="p2">多种优享方案，祝你轻松拥有北京现代</p>
			</div>
			<div class="donghua3">
				<img src="img/img3-m.jpg"/>
				<p class="p1">品牌新闻</p>
					<p class="p2">全方位呈现你想了解的现代品牌和及时资讯</p>
			</div>
			<div class="donghua4">
				<img src="img/img4-m.jpg"/>
				<p class="p1">蓝缤会员</p>
					<p class="p2">呼朋引伴，加入蓝缤驾享特权</p>
			</div>
		</div>
		<!--动画结束-->
		<!--底部开始-->
		<footer>
			<div class="footer_top">
				<div class="footer_top1">
					<ul>
						<li><a href="#">经销商专区</a></li>
						<li><a href="#">经销商招募</a></li>
						<li><a href="#">经销商登录</a></li>
					</ul>
					<ul>
						<li><a href="#">人才招聘</a></li>
						<li><a href="#">社会招聘</a></li>
						<li><a href="#">校园招聘</a></li>
						<li><a href="#">招聘帮助</a></li>
					</ul>
					<ul>
						<li><a href="#">下载专区</a></li>
						<li><a href="#">APP下载</a></li>
					</ul>
					<ul>
						<li><a href="#">联系我们</a></li>
						<li><a href="#">在线客服</a></li>
						<li><a href="#">400-800-1100</a></li>
						<li><a href="#">800-810-1100(座机拨打)</a></li>
					</ul>
					<ul>
						<li><a href="#"><img src="img/icon-weibo.png" />微博关注</a></li>
						<li><a href="#"><img src="img/icon-weixin.png" />微信关注</a></li>
						<li><a href="#"><img src="img/icon-tianmao.png" />天猫旗舰店</a></li>
					</ul>
				</div>
			</div>
			<div class="footer_bottom">
				<div class="footer_bottom1">
					<img src="img/logo-white.png"/>
				</div>
				<div class="footer_bottom2">
					<ul>
						<li><a href="#">我要加盟 &nbsp;&nbsp;&nbsp;&nbsp;|</a></li>
						<li><a href="#">联系我们 &nbsp;&nbsp;&nbsp;&nbsp;|</a></li>
						<li><a href="#">隐私条款 &nbsp;&nbsp;&nbsp;&nbsp;|</a></li>
						<li><a href="#">版权声明 &nbsp;&nbsp;&nbsp;&nbsp;|</a></li>
						<li><a href="#">网站地图</a></li>
					</ul>
				</div>
				<div class="footer_bottom3">
					<p>北京市顺义区林河工业开发区顺通路18号 京ICP备05030295号 京公网安备110401000066号</p>
					<p>Copyright © 2002-2019 BEIJING HYUNDAI MOTOR COMPANY Corporation,All Rights Reserved</p>
				</div>
			</div>
		</footer>
		<!--底部结束-->
	</body>
</html>